import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router)

export default new Router({
    linkActiveClass: 'active',
    mode: 'history',
    routes: [
        {
            path: '/',
            name: "App",
            redirect: '/dynamic-style',
        },
        {
            path: '/dynamic-style',
            name: "DynamicStyle",
            component: () => import( /* webpackChunkName: "dynamic-style" */ '../views/dynamic-style'),
        },
        {
            path: '/mind-vuex',
            name: "MindVuex",
            component: () => import( /* webpackChunkName: "mind-vuex" */ '../views/mind-vuex')
        },
        {
            path: '/pretty-button',
            name: "PrettyButton",
            component: () => import( /* webpackChunkName: "pretty-button" */ '../views/pretty-button'),
            meta: { keepAlive: true }
        },
        {
            path: '/select-box',
            name: "SelectBox",
            component: () => import( /* webpackChunkName: "select-box" */ '../views/select-box')
        },
        {
            path: '/form-demo',
            name: "FormDemo",
            component: () => import( /* webpackChunkName: "form-demo" */ '../views/form-demo')
        },
        {
            path: '/computed-demo',
            name: "ComputedDemo",
            component: () => import( /* webpackChunkName: "computed-demo" */ '../views/computed-demo')
        },
        {
            path: '/seamless-scroll',
            name: "SeamlessScroll",
            component: () => import( /* webpackChunkName: "seamless-scroll" */ '../views/seamless-scroll')
        },
        {
            path: '/amap',
            name: "Amap",
            component: () => import( /* webpackChunkName: "amap" */ '../views/amap')
        },
        {
            path: '/axios',
            name: "Axios",
            component: () => import( /* webpackChunkName: "axios" */ '../views/axios')
        },
        {
            path: '/dynamic-table',
            name: "DynamicTable",
            component: () => import( /* webpackChunkName: "dynamic-table" */ '../views/dynamic-table/dynamic-table')
        },
        {
            path: '/dynamic-table2',
            name: "DynamicTable2",
            component: () => import( /* webpackChunkName: "dynamic-table2" */ '../views/dynamic-table2')
        },
        {
            path: '/dynamic-table3',
            name: "DynamicTable3",
            component: () => import( /* webpackChunkName: "dynamic-table3" */ '../views/dynamic-table3')
        },
        {
            path: '/editor',
            name: "Editor",
            component: () => import( /* webpackChunkName: "editor" */ '../views/editor')
        },
        {
            path: '/bpmn',
            name: "Bpmn",
            component: () => import( /* webpackChunkName: "bpmn" */ '../views/bpmn')
        },
        {
            path: '/antv-x6',
            name: "AntVX6",
            component: () => import( /* webpackChunkName: "editor" */ '../views/antv-x6')
        },
    ],
})